<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="web前端，web前端个人简历，前端开发">
		<meta name="description" content="彭伟梁的web前端工程师个人简历">
		<title>彭伟梁-web前端简历</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="tools/jquery.fullPage.css" />
		<link rel="stylesheet" type="text/css" href="tools/jquery-ui.min.css" />
		<link rel="stylesheet" type="text/css" href="tools/component.css" />
		<link rel="stylesheet" type="text/css" href="css/page1.css" />
		<link rel="stylesheet" type="text/css" href="css/page2.css" />
		<link rel="stylesheet" type="text/css" href="css/page3.css" />
		<link rel="stylesheet" type="text/css" href="css/page4.css" />
		<link rel="stylesheet" type="text/css" href="css/page5.css" />
		<!--[if lt IE 9]>
    		<script src="tool/html5shiv/html5shiv.min.js"></script>
    		<script src="tool/respond/respond.min.js"></script>
    		<![endif]-->
	</head>

	<body>

		<!--头部-->
		<!--顶部透明导航栏-->
		<header id="header">
			<div id="header_background"></div>
			<!--logo-->
			<div id="logo"></div>
			<!--class-->
			<div id="web_Class">
				<p id="class_c1">彭伟梁的个人简历</p>
				<!--<p id="class_c2">个人简历</p>-->
			</div>
			<!--导航栏导航-->
			<nav id="nav">
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="#">资料</a>
					</li>
					<li>
						<a href="#">收藏</a>
					</li>
					<li>
						<a href="#">关于</a>
					</li>
				</ul>
			</nav>
		</header>
		<div id="pwl_page">

			<!--简介-->
			<div class="section pwl-page1">
				<div id="home">
					<div id="home_content">
						<div id="home_icon">
							<div id="home_icon_content">
								<img src="images/my.png" />
							</div>
						</div>
						<div id="home_text">
							<p id="home_text1">人的身高有上限，而人的能力永无止境，渴望不断的进步，把自己变得更高更出色。</p>
							<div id="home_text_list">
								<p id="home_text2">我叫彭伟梁</p>
								<p id="home_text3">23岁</p>
								<p id="home_text4">一个向往高度的程序猿</p>
								<p id="home_text5">Email:PWL641468@icloud.com</p>
							</div>
						</div>
						<!--<div id="icon">
							<img src="images/my.png" />
						</div>
						<p id="page1_text1">人的身高有上限，而人的能力永无止境，渴望不断的进步，把自己变得更高更出色。</p>
						<div id="textBox" style="width: 800px;">
							<p id="page1_text2" style="display: block;">我叫彭伟梁</p>
							<!--<p id="page1_text3" style="display: block;">23岁</p>-->
							<!--					<p id="page1_text4" style="display: block;">一名追求更好的前端开发者</p>-->
							<!--<p id="page1_text5" style="display: block;">PWL641468@icloud.com</p>
						</div>-->
					</div>
				</div>
			</div>
			<!--个人信息-->
			<div class="section pwl-page2">
				<div id="about">
					<div id="about_content" style="padding-top: 68px;">
						<div class="title">
							<h1>关 于 我</h1>
						</div>
						<div id="about_list_content">
							<div class="about_list" id="about_list1">
								<div class="about_list_style" id="about_list_xueli"> </div>
								<div class="about_list_text" id="about_text_xueli">学历
									<p id="skewLine"></p>
									<p>大专</p>
								</div>
							</div>
							<div class="about_list">
								<div class="about_list_style" id="about_list_age"></div>
								<div class="about_list_text" id="about_text_age">年龄
									<p id="skewLine"></p>
									<p>23岁</p>
								</div>
							</div>
							<div class="about_list">
								<div class="about_list_style" id="about_list_zuobiao"></div>
								<div class="about_list_text" id="about_text_zuobiao">坐标
									<p id="skewLine"></p>
									<p>广州</p>
								</div>
							</div>
							<div class="about_list">
								<div class="about_list_style" id="about_list_zhuangtai"></div>
								<div class="about_list_text" id="about_text_zhuangtai">状态
									<p id="skewLine"></p>
									<p>离职</p>
								</div>
							</div>
						</div>
						<div id="about_more">
							<p>2014年毕业于广州番禺职业技术学院,就读网站建设(软件工程方向)专业</p>
							<p>喜欢去专研,喜欢去理解</p>
							<p>web是开发者的一个很好地展示自己的平台</p>
							<p>无论是一个简单纯静态的网页,还是一个逻辑复杂,交互性极强的网站</p>
							<p>它也是开发者的产物,是心血</p>
						</div>
					</div>
				</div>
			</div>
			<!--专业技能-->
			<div class="section pwl-page3">
				<div id="skill">
					<div id="skill_content" style="padding-top: 68px;">
						<div class="title">
							<h1>专 业 技 能</h1>
							<div id="skill_text">
								<p>前端的学习需要持之以恒，知识深度与广度都很重要。而前端开发的重中之重就是原生javascript的理解，而如今的思路必需有模块化，组件化，工程化</p>
							</div>
							<div id="skill_list">
								<div class="skill_list_content skill_scale" id="skill_list1">
									<div id="skill_icon1" class="skill_icon"></div>
									<div id="skill_flag1" class="skill_flag"></div>
									<div id="skill_show1" style="display: none;">
										<div id="html" class="icon_pic md-trigger" data-modal="modal-1">
											<img src="images/button1.png" alt="" />
										</div>
										<div id="css" class="icon_pic md-trigger" data-modal="modal-2">
											<img src="images/button2.png" alt="" /></div>
										<div id="js" class="icon_pic md-trigger" data-modal="modal-3">
											<img src="images/button3.png" alt="" /></div>
										<div id="kuangjia" class="icon_pic md-trigger" data-modal="modal-4">
											<img src="images/button4.png" alt="" /></div>
									</div>
								</div>

								<div class="skill_list_content skill_scale" id="skill_list2">
									<div id="skill_icon2" class="skill_icon"></div>
									<div id="skill_flag2" class="skill_flag"></div>
									<div id="skill_show2" style="display: none;">
										<div id="ios" class="icon_pic md-trigger" data-modal="modal-5">
											<img src="images/button5.png" alt="" /></div>
									</div>
								</div>

								<div class="skill_list_content skill_scale" id="skill_list3">
									<div id="skill_icon3" class="skill_icon"></div>
									<div id="skill_flag3" class="skill_flag"></div>
									<div id="skill_show3" style="display: none;">
										<div id="tupianchuli" class="icon_pic md-trigger" data-modal="modal-6">
											<img src="images/button6.png" alt="" /></div>
										<div id="qietu" class="icon_pic md-trigger" data-modal="modal-7">
											<img src="images/button7.png" alt="" /></div>
										<div id="bianjiqi" class="icon_pic md-trigger" data-modal="modal-8">
											<img src="images/button8.png" alt="" /></div>
										<div id="banbenguanli" class="icon_pic md-trigger" data-modal="modal-9">
											<img src="images/button9.png" alt="" /></div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
			<!--工作经历-->
			<div class="section pwl-page4">
				<div id="experience">
					<div id="experience_content" style="padding-top: 68px;">
						<div class="title">
							<h1>工 作 经 历</h1>
						</div>
					</div>
					<div id="info" class="info"></div>
					<div id="experience_scroll_slider">
						<div id="experience_scroll_slider_content" class="experience_scale">
							<div id="experience_scroll_content">
								<div class="experience_list">
									<div class="experience_list_text">
										<div id="experience_list_text1">
											<dl>
												<dt>广州都市圈网络科技有限公司</dt>
												<dd class="experience_list_time">
													2014年1月~2014年7月
												</dd>
												<dd>街景部(实习)</dd>
												<dd>负责百度地图昆明市街景项目街景采集、设备操作</dd>
												<dd>负责佛山市顺峰山测试项目激光点云采集策划、设备操作、数据处理</dd>
												<dd>负责潮州市牌坊街测试项目激光点云采集策划、设备操作、数据处理</dd>
												<dd>负责湖南大学周边大学区域街景采集策划、设备操作、数据处理</dd>
												<dd>负责惠州市惠城区城管合作项目街景采集、设备操作</dd>
												<dd>负责武汉海达数云分公司设备测试验收</dd>
											</dl>
										</div>
									</div>
								</div>
								<div class="experience_list">
									<div class="experience_list_text">
										<div id="experience_list_text2">
											<dl>
												<dt>广州鸿星海鲜饮食集团</dt>
												<dd class="experience_list_time">
													2014年8月~2015年10月
												</dd>
												<dd>电脑部</dd>
												<dd>负责总店计算机设备软硬件、服务器后台维护</dd>
												<dd>负责集团PC端网站开发</dd>
												<dd>参与集团研发移动端APP计划</dd>
												<dd>同期工作之余自学了C语言、Objective-C语言以及iOS平台相关技术</dd>
											</dl>
										</div>
									</div>
								</div>
								<div class="experience_list">
									<div class="experience_list_text">
										<div id="experience_list_text3">
											<dl>
												<dt>佛山市蠢材科技有限公司</dt>
												<dd class="experience_list_time">
													2015年11月~2016年9月
												</dd>
												<dd>研发部</dd>
												<dd>参与公司网站重构设计</dd>
												<dd>负责公司网站页面重构开发</dd>
												<dd>负责公司网站前端维护及修改</dd>
												<dd>同期工作之余学习seo优化技术</dd>
											</dl>
										</div>
									</div>
								</div>
							</div>
							<div id="experience_turn">
								<div id="experience_turn_left">
									<img src="images/pre.png" alt="" />
								</div>
								<div id="experience_turn_right">
									<img src="images/next.png" alt="" />
								</div>
							</div>
						</div>
						<div id="experience_line">
							<div class="exp_line">
								<a href="#"><img src="images/ocn1.png" /></a>
							</div>
							<div class="exp_line">
								<a href="#"><img src="images/hx1.png" /></a>
							</div>
							<div class="exp_line">
								<a href="#"><img src="images/cckj.png" /></a>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!--我的作品-->
			<div class="section pwl-page5">
				<div id="demo">
					<div id="demo_content"  style="padding-top: 68px;">
						<div class="title">
							<h1>作 品 和 练 习</h1>
							<div id="demo_list_content">
								<ul class="demo_box_ul">
									<li class="demo_box_li">
										<div class="demo_box_content">
											<div class="demo_box_content_in">
												<p class="demo_title">鸿星集团</p>
												<span class="demo_box_url">
													<a href="http://superstargroup.com.hk/" class="demo_box_link" target="_blank">
														<img src="images/fdj.png" alt="" />
													</a>
												</span>
											</div>
											<img src="images/demo.png" class="demo_box_icon" alt="" />
										</div>
									</li>
									<li class="demo_box_li">
										<div class="demo_box_content">
											<div class="demo_box_content_in">
												<p class="demo_title">蠢材科技</p>
												<span class="demo_box_url">
													<a href="http://fooltech.cn/" class="demo_box_link" target="_blank">
														<img src="images/fdj.png" alt="" />
													</a>
												</span>
											</div>
											<img src="images/demo.png" class="demo_box_icon" alt="" />
										</div>
									</li>
									<li class="demo_box_li">
										<div class="demo_box_content">
											<div class="demo_box_content_in">
												<p class="demo_title">布局:仿京东静态首页</p>
												<span class="demo_box_url">
													<a href="demo/imitate_JD/index.html" class="demo_box_link" target="_blank">
														<img src="images/fdj.png" alt="" />
													</a>
												</span>
											</div>
											<img src="images/demo.png" class="demo_box_icon" alt="" />
										</div>
									</li>
									<li class="demo_box_li">
										<div class="demo_box_content">
											<div class="demo_box_content_in">
												<p class="demo_title">移动web:仿微金所响应式布局首页</p>
												<span class="demo_box_url">
													<a href="demo/imitate_WJS/index.html" class="demo_box_link" target="_blank">
														<img src="images/fdj.png" alt="" />
													</a>
												</span>
											</div>
											<img src="images/demo.png" class="demo_box_icon" alt="" />
										</div>
									</li>
								</ul>
							</div>
							<div class="demo_more">
								<span class="demo_more_position">
									<button id="demo_more_btn" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">点击更多demo</button>
								</span>
							</div>
							<div id="demo_more_dialog" title="更多demo">
								<p>更多demo请移步到我的
									<a href="https://github.com/WilliamPeng0623" target="_blank" alt="github_Url2">GitHub</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="md-modal md-effect-1" id="modal-1">
			<div class="md-content md-content1">
				<h3>HTML</h3>
				<ul>
					<li>深刻理解Web/W3C标准</li>
					<li>熟练运用HTML和HTML5标签</li>
					<li>熟悉HTML和XHTML</li>
					<li>掌握HTML和HTML5排版布局</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>

		</div>
		<div class="md-modal md-effect-2" id="modal-2">
			<div class="md-content md-content2">
				<h3>CSS</h3>
				<ul>
					<li>熟练运用CSS和CSS3新属性</li>
					<li>熟悉响应式布局</li>
					<li>可独立解决浏览器兼容问题</li>
					<li>注重页面视觉效果和用户交互效果</li>
					<li>正在学习less,sass预编译处理器</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-modal md-effect-3" id="modal-3">
			<div class="md-content md-content3">
				<h3>JavaScript</h3>
				<ul>
					<li>掌握原生JavaScript</li>
					<li>掌握jQuery</li>
					<li>了解jQueryUI,jQuery easyUI等类库</li>
					<li>掌握Ajax异步</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-modal md-effect-4" id="modal-4">
			<div class="md-content md-content4">
				<h3>框架</h3>
				<ul>
					<li>掌握BootStrap的使用</li>
					<li>熟悉使用jQueryUI,jQuery easyUI的使用</li>
					<li>掌握Vue.js的使用</li>
					<li>了解AngularJS</li>
					<li>正在学习Ext.js, Node.js以及各种便于开发的js插件</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-modal md-effect-5" id="modal-5">
			<div class="md-content md-content5">
				<h3>iOS</h3>
				<ul>
					<li>熟悉Objective-C编程,了解SWift</li>
					<li>熟练使用MVC架构设计模式</li>
					<li>了解面向对象编程</li>
					<li>熟悉iOS中的Delegate,KVO,block等通讯机制</li>
					<li>熟悉使用AFNetworking、YYModel、SDWebImage、MBProgressHUD等第三方常用框架</li>
					<li>熟悉AutoLayout页面布局，实现iOS设备屏幕的适配</li>
					<li>熟练真机测试，熟悉iOS开发流程、调试方法、账号申请、应用审核等APP上架基本流程</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-modal md-effect-6" id="modal-6">
			<div class="md-content md-content6">
				<h3>图片处理</h3>
				<ul>
					<li>熟悉使用Photoshop图像处理技术</li>
					<li>熟悉使用Photoshop辅助工具的应用</li>
					<li>熟悉使用Photoshop绘图与修图工具的基本应用</li>
					<li>熟悉使用Photoshop绘制与操作选区的方法</li>
					<li>熟悉使用Photoshop图层与图层样式的应用</li>
					<li>已考取'图像制作员'’中级职业资格证</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-modal md-effect-10" id="modal-7">
			<div class="md-content md-content7">
				<h3>切片</h3>
				<ul>
					<li>熟悉使用Fireworks进行切片处理</li>
					<li>熟悉使用Fireworks进行对设计图测量获取页面各种参数</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-modal md-effect-8" id="modal-8">
			<div class="md-content md-content8">
				<h3>编辑器</h3>
				<ul>
					<li>熟悉使用HBuilder进行代码编写</li>
					<li>熟悉使用Sublime Text进行代码编写</li>
					<li>熟悉使用WebStrom进行代码编写</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-modal md-effect-9" id="modal-9">
			<div class="md-content md-content9">
				<h3>版本管理</h3>
				<ul>
					<li>熟悉Git、SVN版本管理工具的使用</li>
				</ul>
				<button class="md-close">已了解</button>
			</div>
		</div>
		<div class="md-overlay"></div>
	</body>
	<script src="tools/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="tools/jquery.fullPage.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="tools/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="tools/classie.js" type="text/javascript" charset="utf-8"></script>
	<script src="tools/modalEffects.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

</html>